<template>
  <div style="padding: 0 30px">
    <h3 class="title">矿业投资</h3>
    <p class="state">
      {{ state }}
    </p>
    <ul class="friend">
      <li v-for="(item, index) in img" :key="index">
        <img :src="item" alt="" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      state: '矿业投资是公司业务三元立体式发展中的优势板块，按照投资“矿业权市场”的定位，在国家产业政策指导下，以市场为导向，对矿业资源勘查、开发、生产进行有效运营和合理布局；以形成目前生产、当前开发、中期储备的梯级发展格局。集团拥有一支专业矿业投资管理团队和全国顶尖的贵金属矿业专家团队，专门从事矿业勘探、并购等相关工作。',
      img: {
        0: 'http://www.juyike.cn/Public/uploads/Partner/57ee0a41add8d.png',
        1: 'http://www.juyike.cn/Public/uploads/Partner/57ee0a605d232.png',
        2: 'http://www.juyike.cn/Public/uploads/Partner/57ee0a7731641.png',
        3: 'http://www.juyike.cn/Public/uploads/Partner/57ee0a8a90281.png',
        4: 'http://www.juyike.cn/Public/uploads/Partner/57ee0aa818dbf.png',
      }
    };
  },
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
#app {
  text-align: left;
}
.title {
  border-left: 4px solid #ee020d;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  font-size: 22px;
  margin: 40px 0;
  font-weight: normal;
}
.state {
  width: 80%;
  margin: 0 auto;
  font-size: 16px;
  text-indent: 30px;
  color: #666;
}
.friend {
  width: 80%;
  margin: 0 auto;
  li {
    float: left;
    border: 1px solid #ccc;
    margin: 15px;
    list-style-type: none;
    img {
      width: 153px;
      height: 52px;
    }
  }
}
</style>
